<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>{{pageTitle}}</title>
	<link rel="stylesheet" type="text/css" href="/statics/css/index.css">
	<link rel="stylesheet" type="text/css" href="/statics/css/reset.css">
	<link rel="shortcut icon" href="/statics/images/favicon.ico" />
    <link rel="stylesheet" type="text/css" href="/statics/css/font-awesome.min.css">
	<script type="text/javascript" src="/statics/js/jquery-1.12.4.min.js"></script>
	<script type="text/javascript" src="/statics/js/index.js"></script>
    {%block head1%}
    {%endblock head1%}
</head>
<body>
<div class="body">
	<div class="head">
		<div class="eyebrow">
{%if request.session.uname|default:'' != ''%}
			<div class="eyebrow_content">
			<div class="welcome">欢迎来到七月！</div>
                <a href="{%url 'htmlPageApp:backUp'%}"><div class="signin sign">注销</div></a>
			<div class="signin sign">{{request.session.uname}}</div>
			<div class="signout sign">你好:</div>

			</div>
			{%else%}
			<div class="eyebrow_content">
			<div class="welcome">欢迎来到七月！</div>
			<a href="{%url 'htmlPageApp:registers'%}"><div class="signout sign signhover"> 注册</div></a>
			<span class="signline">|</span>
				<a href="{%url 'htmlPageApp:logins'%}"><div class="signin sign signhover">登录</div></a>
			</div>
			{%endif%}

		</div>
		<div class="eye"><img src="/statics/images/banner.png" alt="banner"></div>
		<div class="nav">
			<div class="nav_content">
			<ul class="nav_item">
                <li><a href="{%url 'htmlPageApp:index'%}" >首页</a></li>
                <li><a href="{%url 'htmlPageApp:listPage' 1 0%}" >技术分享</a></li>
				<li><a href="{%url 'htmlPageApp:listPage' 1 1%}" >读书笔记</a></li>
				<li><a href="{%url 'htmlPageApp:user_center'%}">用户中心</a></li>
				<li><a href="{%url 'htmlPageApp:yellow_page'%}">生活服务</a></li>
				<li><a href="{%url 'htmlPageApp:about_me'%}">关于我</a></li>
				<li>
                    <div class="box2">
	                    <form method='get' action="/search/">
		                    <input type="text" placeholder="输入你想要找的内容..." name="q" class="searchItem"><input type="submit" value="搜索" class="submitBut"><i class="fa fa-search" aria-hidden="true"></i>
	                    </form>
                    </div>
                </li>
			</ul>
		</div>
		</div>
	</div>



	<hr class="headhr">








<div class="content">


	<!-- 左侧内容 -->
	<div class="bodyleft bodycontent">
        <!--填充内容的区域-->
        {%block content1%}
        {%endblock content1%}









</div>
<!-- 右侧内容 -->
	<div class="bodyright bodycontent">

		<div class="private">
			<div class="privatebox">
			<p>我的名片</p>
			<hr>
				<div class="login_img_btn"><img src="/statics/usermedia/qq.png" alt="" class="btn_img"></div>

				<p class="rightboxcontent"> <i class="fa fa-map-marker" aria-hidden="true"></i>现居住地：北京海淀</p>
				<p class="rightboxcontent"> <i class="fa fa-envelope-o" aria-hidden="true"></i>邮箱：qiyuemail@126.com</p>
			</div>
		</div>

<!-- 右边第二个说明性的公告栏 -->
		<div class="explain">
			<div class="privatebox">
			<p>说明</p>
			<hr>
				<p class="wether"><i class="fa fa-cloud" aria-hidden="true" ></i>天气</p>
				<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=23" width="200" height="80" color="#7ec8ea" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
				<p class="historyitem"><i class="fa fa-history" aria-hidden="true"></i>历史上的今天</p>
				<iframe src="http://www.todayonhistory.com/code/4.html?w=400&h=25&bky=dotted&bks=0&bkc=#ACACAC&fs=14&fc=#1E55E0&hg=25&ie=0&xhx=none&sd=2000&px=2&len=11&sk=1&n=0" width="400" height="25" scrolling="no" frameborder="0" allowtransparency="true"  style="border: 0px dotted #ACACAC"></iframe>

			</div>
		</div>



	</div>
</div>

<!-- 这里是底部版权部分包括水平线也在里边 -->
	{%load cache%}
	{%cache 6000 hello2%}
<div class="foot">
	<hr class="footerhr">

	<div class="footcontent">
			<a href="#">关于我们</a>
			<span>|</span>
			<a href="#">联系我们</a>
			<span>|</span>
			<a href="#">友情链接</a>
			<p>备案还没下来暂时先空着</p>
		<p>京ICP备********号</p>
	</div>

</div>
	{%endcache%}




</div>
</body>
</html>